<template>
    <div class="no-permission">
        <el-tabs v-model="activeName" @tab-click="handleClick">
            <el-tab-pane label="用户管理" name="first">
                <div class="main">
                    Lorem ipsum dolor sit amet consectetur, adipisicing elit.
                    Dolorum dignissimos exercitationem expedita accusantium
                    atque et. Modi corrupti quia tempore, ut libero quo
                    voluptatum, illo ducimus, eius vitae possimus eos ipsa!
                </div>
            </el-tab-pane>
            <el-tab-pane label="配置管理" name="second">
                <div class="main">
                    Lorem ipsum dolor sit amet consectetur, adipisicing elit.
                    Dolorum dignissimos exercitationem expedita accusantium
                    atque et. Modi corrupti quia tempore, ut libero quo
                    voluptatum, illo ducimus, eius vitae possimus eos ipsa!
                </div>
            </el-tab-pane>
            <el-tab-pane label="角色管理" name="third">
                <div class="main">
                    Lorem ipsum dolor sit amet consectetur, adipisicing elit.
                    Dolorum dignissimos exercitationem expedita accusantium
                    atque et. Modi corrupti quia tempore, ut libero quo
                    voluptatum, illo ducimus, eius vitae possimus eos ipsa!
                </div>
            </el-tab-pane>
            <el-tab-pane label="定时任务补偿" name="fourth">
                <div class="main">
                    Lorem ipsum dolor sit amet consectetur, adipisicing elit.
                    Dolorum dignissimos exercitationem expedita accusantium
                    atque et. Modi corrupti quia tempore, ut libero quo
                    voluptatum, illo ducimus, eius vitae possimus eos ipsa!
                </div>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>
<script>
export default {
    data() {
        return {
            activeName: ''
        }
    },
    methods: {
        handleClick() {}
    }
}
</script>
<style lang="scss" scoped>
.no-permission {
    @include box_flex(
        $width: 100%,
        $height: 100%,
        $direction: row,
        $justify: flex-start,
        $align: center
    );
    .main {
        width: 100%;
        height: 100%;
        background: #cccccc;
    }
}
</style>
